<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:insert="common/person-pc/header::personHeadBar('收藏','/static/css/person/paper.css')">
<body class="centre" style="">
<!-- 头部 -->
<!-- 头部信息 -->
<div th:insert="common/person-pc/top::personTopBar(${resCategoryModel})"/>
<!-- END -->
<div class="ey-body-bg">
    <div class="ey-body">
        <div class="ey-container w1200">
            <!-- 侧边 -->
            <div th:insert="common/person-pc/right::rightBar(${show})"/>
            <!-- END -->
            <!-- 中部 -->
            <div class="ey-con fr">
                <div class="el-main main-bg">
                    <!-- 顶部导航栏 -->
                    <div class="column-title mb20">
                        <div class="column-name">关注我的</div>
                    </div>
                    <!-- END -->
                    <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition mt20"
                         style="width: 100%;">
                        <table>
                            <thead>
                            <tr>
                                <th style="width:590px ;">
                                    <div class="cell">头像</div>
                                </th>
                                <th style="width: 200px;">
                                    <div class="cell tc">用户</div>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <th:block th:each="followData:${likeMeList}">
                                <tr>
                                    <td>
                                        <div class="cell">
                                            <a href="javascript:void(0);" onclick="ArcUrl(this);" th:data-url="'/usershop/'+${followData?.userId}+'.html'">
                                                <img th:src="${followData.userImg}" style="width: 69px;height: 61px;border-radius: 50%;"/>
                                            </a>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cell tc" th:text="${followData.userName}"></div>
                                    </td>
                                </tr>
                            </th:block>
                            </tbody>
                        </table>
                    </div>
                    <script th:inline="javascript">
                        var count = [[${total}]];
                        var currentPage = [[${currentPage}]];
                        var requestUrl = [[${requestUrl}]];
                    </script>
                    <script type="text/javascript" th:src="@{'/static/Kz.layedit/Content/Layui-KnifeZ/layui.js'}"></script>
                    <script>
                        layui.use('laypage', function () {
                            var laypage = layui.laypage;
                            //执行一个laypage实例
                            laypage.render({
                                elem: 'pageId',
                                count: count,
                                curr: currentPage,  //当前页数
                                limit: 10,
                                theme: '#1E9FFF',
                                jump: function (obj, first) {
                                    if (!first) {
                                        location.href = requestUrl+"?pageNum=" + obj.curr;
                                    }
                                }
                            });
                        });
                    </script>
                    <div style="text-align: center;" >
                        <div id="pageId">
                        </div>
                        <div class="fytotal">共<span th:text="${total}"></span>条记录</div>
                    </div>
                </div>
                <!-- END -->
            </div>

        </div>
    </div>
</div>
<script type="text/javascript">
    // 内容查看
    function ArcUrl(obj) {
        window.open($(obj).attr('data-url'));
    }
</script>
<!-- 底部 -->
<div class="ey-footer">
    <footer class="container">
        <p>Copyright © 2012-2018 资源基地 版权所有</p>
    </footer>
</div>
</body>
</html>
